<template>
  <div class="homePage">
    <!-- 其实可以复用但是真不知道该填充什么内容所以只有边写边看 -->
    <HomeTitle />
    <AboutMyself />
    <Honor />
    <AboutWebsite />
    <Technology />
    <Reputation />
    <Contact />
    <toMyself />
  </div>
</template>

<script setup lang="ts">
import HomeTitle from './c-cpn/homeTitle.vue'
import AboutMyself from './c-cpn/aboutMyself.vue'
import Honor from './c-cpn/honor.vue'
import AboutWebsite from './c-cpn/aboutWebsite.vue'
import Technology from './c-cpn/technology.vue'
import Reputation from './c-cpn/reputation.vue'
import Contact from './c-cpn/contact.vue'
import toMyself from './c-cpn/toMyself.vue'
</script>

<style lang="less" scoped>
.homePage {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  padding-bottom: 50px;
  margin-bottom: 30px;
}
</style>
